<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title></title>
		<link rel="stylesheet" href="../style.css" type="text/css" media="screen"/>
	</head>
	<body>
		<h2>Live Application</h2>
		The live application panel allows you to explore all public properties of your application.
		You can click on any Class to view it's properties and methods in the inspector panel. 
		From that panel you can change properties and run methods at runtime. 
		A basic application tree looks something like this:
		<br/><br/>
		<img src="../images/tree.jpg"/>
		<br/><br/><br/>
		We use icons to distinct between different object types.
		<br/><br/>
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="50px"><strong>Icon</strong></td>
				<td><strong>Description</strong></td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/folder.png"/></td>
				<td>Object containing children or properties</td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/bullet_blue.png"/></td>
				<td>Read / write property</td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/bullet_key.png"/></td>
				<td>Read only property</td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/tag.png"/></td>
				<td>XML value</td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/bullet_error.png"/></td>
				<td>Unreadable or undefined object</td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/lightning.png"/></td>
				<td>Public method</td>
			</tr>
		</table>
		<br/>
		<br/>
		<strong>More information:</strong><br/>
		<a href="highlighting.html">Highlighting display objects</a><br/>
		<a href="adjusting_properties.html">Adjusting properties</a><br/>
		<a href="running_methods.html">Running methods</a><br/>
	</body>
</html>
